<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 2.0.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<!--<![endif]-->
<!-- BEGIN HEAD -->
<!-- BEGIN BODY -->
<style>
table{margin:0px !important; font-size: 18px;}
table td{border-top: none !important; padding-left:30px !important;}
table tr td:first-child{border-right:1px solid #f0f0f0; padding-right:30px !important; width:100px; text-align:center}
table .spacing-1{
	height: 80px;
}
table .fa-caret-up{color:#2ec81c; font-size: 18px}
table .fa-caret-down{color:#eb3d3e; font-size: 18px;}
.tab-content .st-2{display: block;margin-top: 1.2%;background-color: #fff}
.tab-content .st-2 h3{font-family: Microsoft Yahei, 'Open Sans', sans-serif; text-align: center;margin: 30px 0;}
.tab-content .st-2 .ca{display: inline-block;width: 49%;}
.tab-content .st-2 .cb{/*margin-left:2%;*/display: inline-block;width: 100%;}
.tab-content .st-3 {display: block;background: #fff;margin-top: 1.2%;padding: 25px;}
.tab-content .st-3 .title {display: block;padding-left: 30px;color: #029ece;font-size: 20px;height: 70px;line-height: 70px;border-bottom: 1px solid #e1e8ee;}
.tab-content .st-3 .title .cc_time {
height: 30px;
display: block;
line-height: 30px;
font-size: 14px;
float: right;
margin-top: 20px;
}
.cc_btn{ height:70px; line-height:68px; float:left;}
.cc_btn a{ text-decoration:none; display:inline-block; color:#1e1e47;cursor:pointer;padding: 0 40px;}
.cc_btn .a_selected{ color:#029ece; border-bottom: 2px solid #029ece;}
.last_big{ font-size:18px; color:#333333; display:inline-block; margin-top:-5px;}

.cc_time{ height:30px; line-height:30px; font-size:14px; float:right; margin-top:20px}
.cc_time *{ display:inline-block}
.cc_time button,.show_time{ float:left; margin-right:20px;}
.cc_time button{outline:none;
border: 0;
width: 30px;
height: 30px;
background-position: 50% 50%;}
.cc_time .J-Time-Left{ background: url('./assets/img/p_left.png');}
.cc_time .J-TimeTime-Right{ background: url('./assets/img/p_right.png');}
  footer{
        	margin-top: -60px;
        }
        .page-content{
        	padding-left: 15px;
        	padding-right: 15px;
        }
</style>
<body class="page-header-fixed">
<div class="tab-content">
<div class="tab-pane active" id="tab_1_1">
<div style="background-color: #fff;padding-top: 15px">
		<product-table-report charger-type='2'>
		</product-table-report>
</div>
<section class="st-2">

	<div class="cb">
		<h3 style="color:#009fcd;">电桩实时状态总览</h3>
		<div id="allChargePile" style="width:50%;height:400px;margin: 0 auto">
			<!--全部电桩实时状态统计数据-->
		</div>
	</div>
</section>
<product-summary charger-type="2">
</product-summary>
</div>


</div>			
</body>
</html>
